<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>凯盛项目管理系统</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="js/select2/select2.css" />
</head>
<body class="body">
	
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">凯盛项目管理系统</a>
			</div>
		</div>
	</div>
	
	
	<div class="container">
	  <div class="row">
		<div class="span9">
			<form class="form-horizontal" id="myform" action="newproject.jspx" method="post">
        <fieldset>
          <legend>开始一个新项目</legend>
          <div class="control-group">
            <label class="control-label" for="input01">项目名称</label>
            <div class="controls">
              <input type="text" name="name" class="span5" id="input01" x-webkit-speech="undefined">
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="input01">项目描述</label>
            <div class="controls">
              <textarea name="desc" class="span5" rows="4"></textarea>
            </div>
          </div>
          <div class="control-group">
            <label class="control-label" for="multiSelect">负责人</label>
            <div class="controls">
              <select name="manager" class="multiSelect" style="width:200px">
                <c:forEach items="${employeeList}" var="e">
                	<option value="${e.id }">${e.username }</option>
                </c:forEach>
              </select>
            </div>
          </div>
         <div class="control-group">
            <label class="control-label" for="input01">项目成员</label>
            <div class="controls">
              <select name="worker" id="worker" multiple class="multiSelect" style="width:500px">
                <c:forEach items="${employeeList}" var="e">
                	<option value="${e.id }">${e.username }</option>
                </c:forEach>
              </select>
            </div>
          </div>
          <input type="hidden" name="workers" id="workers" />
          <div class="form-actions">
            <button type="button" id="btnSave" class="btn btn-primary">保存</button>
            <button class="btn" onclick="location.back()">返回</button>
          </div>
        </fieldset>
      </form>          
          	
		</div>
		<div class="span3">
			
		</div>
	  </div>
	</div>
	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/select2/select2.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".multiSelect").select2();
			
			$("#btnSave").click(function(){
				var v = $("#worker").select2("val");
				$("#workers").val(v);
				$("#myform").submit();
			});
		});
		
	</script>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
</body>
</html>